@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
/* CSS Document */
body{padding:0; font-family:"Microsoft YaHei",Arial;font-size:14px; background-color:#f7f7f7;}
.fl{float: left;}
.fr{float: right;}
.margin{margin:0 auto;}
.hidden{overflow:hidden;}
.width1480{max-width:1480px; width:78%;}
img{ max-width:100%; max-height:100%;}
/* top_bg */
.top_bg{ height:40px; width:100%; background-color:#f7f7f7; position:relative;}
.top_bg dl{ position:absolute;}
.top_bg dl.l{ left:4%; font-size:18px; color:#999999; line-height:40px; padding-left:25px; background:url(../images/dh.png) no-repeat scroll left center;}
.top_bg dl.l i{ position:absolute; color:#909398; left:0px; top:50%; margin-top:-9px; font-weight:bold;}
.top_bg dl.r{ right:4%; color:#eeeeee; height:20px; top:10px;}
.top_bg dl.r a{ margin:0px 16px; background-repeat:no-repeat; position:relative; background-position:center;}
.top_bg dl.r a.n1{ padding:0px 6.5px; background-image:url(../images/n1.png);}
.top_bg dl.r a.n2{ padding:0px 10px; background-image:url(../images/n2.png);}
.top_bg dl.r a.n3{ padding:0px 10px; background-image:url(../images/n3.png);}
.top_bg dl.r a.n1:hover{ background-image:url(../images/n11.png);}
.top_bg dl.r a.n2:hover{ background-image:url(../images/n22.png);}
.top_bg dl.r a.n3:hover{ background-image:url(../images/n33.png);}
.top_bg dl.r a.n2 img{ position:absolute; max-width:120px; max-height:120px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.4);transition:all .5s ease; top:2rem; opacity:0; right:0px;}
.top_bg dl.r a.n2:hover img{ z-index:11111; opacity:1;transition:all .5s ease;}

/*header_bg*/
.header_bg{ width:100%; background-color:#ffffff; position:relative; z-index:9999; border-bottom:1px solid #f2f2f2;}
.header_bg2.now,.header_bg,.header_bg .width1480{ height:90px;}
.header_bg .width1480 .logo{ position:absolute; left:3.35%; top:0px; bottom:0px;display:flex;align-items:center; width:21%; max-width:385px;}
.header_bg.now{ position:fixed; top:0px;box-shadow:0px 2px 10px 0px rgba(0,0,0,0.14);}

.header_bg .width1480 .menu_nav{ overflow:hidden; width:57%; margin:0px auto;}
.header_bg .width1480 .menu_nav li{ float:left;width:14.285%; position:relative; overflow: hidden;height:90px;}
.header_bg .width1480 .menu_nav li:hover{ height:auto; position:inherit;}
.header_bg .width1480 .menu_nav li dd{ height:90px; line-height:90px;}
.header_bg .width1480 .menu_nav li dd a{ display:block; font-size:16px; color:#212121; text-align:center; position:relative;}
.header_bg .width1480 .menu_nav li dd a:hover{ color:#1d66af;}
.header_bg .width1480 .menu_nav li div.bg{ position:absolute; background-color:#ffffff;box-shadow:0px 5px 10px 0px rgba(0,0,0,0.10); padding:12px 20px; border-bottom-right-radius:8px;border-bottom-left-radius:8px;transition:all .5s ease; margin-top:5rem; opacity:0; min-width:90px;}
.header_bg .width1480 .menu_nav li:hover div.bg{ margin-top:0px; opacity:1;}
.header_bg .width1480 .menu_nav li div.bg dl{ line-height:30px; height:30px;}
.header_bg .width1480 .menu_nav li div.bg dl a{ display:block;color:#333333; font-size:16px;}
.header_bg .width1480 .menu_nav li div.bg dl a:hover{ color:#1d66af;}


.header_bg .width1480 .right{ position:absolute;right:4%; height:40px; top:50%; margin-top:-20px; width:15%; max-width:175px;}
.header_bg .width1480 .right a.so{ float:right;font-size:18px;color:#1d66af; font-weight:bold; margin-top:8px; width:18px; height:24px; line-height:24px;}
.header_bg .width1480 .right .zxsc{ position:relative; border-radius:20px; border:1px solid #1d66af; width:76%; height:38px; line-height:38px; float:left;cursor: pointer;}
.header_bg .width1480 .right .zxsc span{ display:block; padding-left:16px; font-size:16px; padding-bottom:2px; color:#1d66af;}
.header_bg .width1480 .right .zxsc i{ position:absolute; font-size:12px; color:#1d66af; right:24px; top:14px;}
.header_bg .width1480 .right .zxsc i.fa-angle-down,.header_bg .width1240 .right .zxsc:hover i.fa-angle-up{ opacity:1;}
.header_bg .width1480 .right .zxsc i.fa-angle-up,.header_bg .width1240 .right .zxsc:hover i.fa-angle-down{ opacity:0;}
.header_bg .width1480 .right .zxsc div.bg{box-shadow:0px 0px 3px 0px rgba(0,0,0,0.10); border-radius:8px; background-color:#ffffff; padding:10px 0px; display:none;}
.header_bg .width1480 .right .zxsc:hover div.bg{ display:block;}
.header_bg .width1480 .right .zxsc div.bg dl{ line-height:32px;}
.header_bg .width1480 .right .zxsc div.bg dl a{ display:block; font-size:16px; color:#333333;padding:0px 5%;}
.header_bg .width1480 .right .zxsc div.bg dl a:hover{ color:#1d66af;}

/* banner */
.banner{ position:relative; overflow:hidden; width:100%;}
.banner .slides{ overflow:hidden;}
.banner .slides li{ overflow:hidden; background-repeat:no-repeat; background-position:50%;background-size:auto 100%;}
.banner .slides li img{ margin-bottom:-4px;}
.banner .flex-control-nav{position:absolute; bottom:42px; width:100%; text-align:center; height:16px;}
.banner .flex-control-nav li{margin:0px 0.5rem; display:inline-block;width:.75rem;height:.75rem; border-radius:50%; cursor: pointer;position: relative;overflow: hidden;}
.banner .flex-control-nav li a{text-indent: -99em; position:absolute; left:0px; right:0px; bottom:0px;top:0px; background-color:rgba(0,0,0,0.5);}
.banner .flex-control-nav li a:hover,.banner .flex-control-nav li a.flex-active{ background-color:#1d66af;}
.banner .flex-direction-nav{ display:none;}

/*i_top*/
.i_top{ width:100%; background-color:#f7f7f7; overflow:hidden; padding:45px 0px;}
.i_top ul li{ float:left; width:25%;}
.i_top ul li div.bg{ color:#212121; width:70%; margin:0px auto;}
.i_top ul li div.bg ol{ text-align:center;}
.i_top ul li div.bg dd{ font-size:18px; font-weight:bold; text-align:center; margin:10px 0px;}
.i_top ul li div.bg dl{ font-size:16px; text-align:justify;text-align-last: center; line-height:30px;}

/*i_tit*/
.i_tit{ font-size:30px; color:#333333; font-weight:bold;}
.i_tit i{ color:#1d66af;}

.i_bg{ width:100%; overflow:hidden; background-color:#ffffff; padding:70px 0px;}

/*主营推荐*/
.i_tjcp{ margin-bottom:60px;}
.i_tjcp .t{ margin-bottom:40px; position:relative;}
.i_tjcp .t a{ position:absolute; right:0px; font-size:14px; color:#1d66af; top:10px;}
.i_tjcp ul{ overflow:hidden; width:102%;}
.i_tjcp ul li{ float:left; background-color:#f7f7f7; margin-bottom:20px; height:240px; width:23.517%; margin-right:1.48%; position:relative;}
.i_tjcp ul li a div.bg{ position:absolute; top:0px; left:0px; bottom:0px; right:0px;}
.i_tjcp ul li a div.bg dl{ height:180px; position: relative;}
.i_tjcp ul li a div.bg dl img{ position: absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto;}
.i_tjcp ul li a div.bg dd{ font-size:16px; color:#212121; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; text-align:center;}
.i_tjcp ul li a:hover div.bg dd{ color:#1d66af;}

/*产品中心*/
.i_m_cp,.i_m_cp li{ overflow:hidden;}
.i_m_cp{ width:102%; margin-top:40px;}
.i_m_cp li{ float:left; width:15.3%; height:300px; margin-right:1.2%; position: relative; margin-bottom:15px;}
.i_m_cp li .bg{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; border:1px solid #1d66af; background-color:#1d66af;transition:all .5s ease; padding-left:44px;}
/*.i_m_cp li:hover .bg{border:1px solid #1d66af; background-color:#1d66af;transition:all .5s ease; padding-left:44px;}*/
.i_m_cp li .bg dd{ font-size:16px; color:#ffffff; margin-top:20px; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
/*.i_m_cp li:hover .bg dd{ color:#ffffff; margin-top:20px;}*/

.i_m_cp li .bg i{ position:absolute; background-repeat:no-repeat; bottom:40px;background-size:100% auto;}
.i_m_cp li .bg i{ background-position:0px -28px; left:5px; top:20px; width:30px; height:28px;}
.i_m_cp li .bg dl{ opacity:0; margin:10px 0px; line-height:25px;}
.i_m_cp li .bg dl p{ padding-left:10px; position:relative;}
.i_m_cp li .bg dl p i{ position:absolute; color:#ffffff;left:0px !important;top:7px !important;width:5px !important;height:12px !important;}
.i_m_cp li .bg dl p a{ color:#ffffff; font-size:14px; display: block; width:90%; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
/*.i_m_cp li .bg dl p a:hover{ text-decoration:underline;}*/
.i_m_cp li  .bg dl{ opacity:1;}
 
.i_m_cp li  .bg ol{ opacity:1;}
.i_m_cp li .bg ol a{color:#ffffff; font-size:14px;}

/*平台介绍*/
.i_ptjs{ height:1080px; width:100%;position:relative;}
.i_ptjs div.t{ margin-top:7.5vh; max-width:740px;}
.i_ptjs div.t dl{ max-width:547px;}
.i_ptjs div.t dl.i_tit{ margin-bottom:10px;}
.i_ptjs div.t dl.f{ font-size:16px; color:#333333; line-height:30px;}

.i_ptjs .device{ overflow:hidden; margin-top:20px; max-width:740px;}
.i_ptjs .device .scroll,.i_ptjs .device .scroll ul{ height:700px;}
.i_ptjs .device .scroll{ position:relative; width:100%;}
.i_ptjs .device .scroll ul{ position:absolute;}
.i_ptjs .device .scroll ul li{ width:248px; overflow:hidden;float:left;}
.i_ptjs .device .scroll ul li a div.bg{ border:1px solid #f2f2f2;width:200px; background-color:#ffffff; height:260px; border-radius:8px; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.14); margin:10px auto 20px; display:flex;align-items:center;}
.i_ptjs .device .scroll ul li a div.bg div{ width:90%; margin:0px auto;}
.i_ptjs .device .scroll ul li a div.bg div img{ max-height:65px;}
.i_ptjs .device .scroll ul li a div.bg div dd{ margin-top:15px; font-size:16px; font-weight:bold; color:#333333;}
.i_ptjs .device .scroll ul li a:hover div.bg div dd{ color:#1d66af;}
.i_ptjs .device a.qh{ position:absolute; z-index:8; font-size:2rem; font-size:16px; font-weight:bold; color:#333333; padding-left:40px; background:url(../images/xh.png) no-repeat scroll left center; height:26px; line-height:26px; display:block; left:50%; margin-left:-44px;}
.i_ptjs .device a.qh:hover{ color:#1d66af;}

.i_ptjs .device .scroll ul li.t.l3,.i_ptjs .device .scroll ul li.f.l4,.i_ptjs .device .scroll ul li.t.l7,.i_ptjs .device .scroll ul li.f.l8,.i_ptjs .device .scroll ul li.t.l11,.i_ptjs .device .scroll ul li.f.l12,.i_ptjs .device .scroll ul li.t.l15,.i_ptjs .device .scroll ul li.f.l16{ padding-top:80px;}

.i_ptjs .device .scroll ul li.f{ position:absolute; top:290px;}
.i_ptjs .device .scroll ul li.f.l2{ left:0px;}
.i_ptjs .device .scroll ul li.f.l4{ left:248px;}
.i_ptjs .device .scroll ul li.f.l6{ left:496px;}
.i_ptjs .device .scroll ul li.f.l8{ left:744px;}
.i_ptjs .device .scroll ul li.f.l10{ left:992px;}
.i_ptjs .device .scroll ul li.f.l12{ left:1240px;}
.i_ptjs .device .scroll ul li.f.l14{ left:1488px;}
.i_ptjs .device .scroll ul li.f.l16{ left:1736px;}
.i_ptjs .device .scroll ul li.f.l18{ left:1984px;}
.i_ptjs .device .scroll ul li.f.l20{ left:2234px;}

/*工程案例*/
.i_gcal{ width:100%; background-color:#ffffff; padding:80px 0px;}
.i_gcal div.t{ margin-bottom:45px; overflow:hidden;}
.i_gcal div.t dl.i_tit{ float:left;}
.i_gcal div.t dl.r{ float:right; position:relative; line-height:40px; overflow:hidden;}
.i_gcal div.t dl.r a{ display:block; font-size:16px; color:#333333; border-bottom:1px solid #f4f7fd;line-height:38px; text-align:center; float:left; margin-left:10px;}
.i_gcal div.t dl.r a:hover,.i_gcal div.t dl.r a.on{border-bottom:1px solid #1d66af; color:#1d66af;}

.i_gcal .i_tab{ margin-top:60px;}
.i_gcal .i_tab div.c{ position: relative; display:none;}
.i_gcal .i_tab div.c .al{ overflow:hidden;}
.i_gcal .i_tab div.c .al,.i_gcal .i_tab div.c .al ul,.i_gcal .i_tab div.c .al ul li{ height:400px;}
.i_gcal .i_tab div.c .al{ position:relative; width:100%;}
.i_gcal .i_tab div.c .al ul{ position:absolute;}
.i_gcal .i_tab div.c .al ul li{ width:355px;  margin-right:20px; float:left;}
.i_gcal .i_tab div.c .al ul li a div.bg{ overflow:hidden;}
.i_gcal .i_tab div.c .al ul li a div.bg dl.t{ height:240px; text-align:center; position:relative;}
.i_gcal .i_tab div.c .al ul li a div.bg dl.f i{position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:url(../images/i_bg.png) no-repeat;}
.i_gcal .i_tab div.c .al ul li a div.bg dd{ overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; line-height:45px; font-size:16px; color:#212121;}
.i_gcal .i_tab div.c .al ul li a:hover div.bg dd{ color:#1d66af;}
.i_gcal .i_tab div.c .al ul li a div.bg dl.f{ font-size:14px; color:#666666; line-height:28px; margin-bottom:20px;}
.i_gcal .i_tab div.c .al ul li a div.bg ol{ font-size:14px; color:#333333; background:url(../images/jt.png) no-repeat scroll 75px center;}
.i_gcal .i_tab div.c a.qh{ position:absolute; z-index:8; font-size:2rem; border:2px solid #cccccc; background-color:#cccccc; height:34px; line-height:30px; text-align:center; width:34px; top:50%; margin-top:-19px; border-radius:50%; color:#ffffff;}
.i_gcal .i_tab div.c a.qh.pre{ left:0px; margin-left:-100PX;}
.i_gcal .i_tab div.c a.qh.next{ right:0px; margin-right:-100px;}
.i_gcal .i_tab div.c a.qh:hover{ border:2px solid #1d66af; background-color:#1d66af;}

/*最新资讯*/
.i_news{ width:100%; overflow:hidden; background-color:#f4f7fd; padding:90px 0px 120px;}
.i_news div.t{ margin-bottom:45px; overflow:hidden;}
.i_news div.t dl.i_tit{ float:left;}
.i_news div.t dl.r{ float:right; position:relative; line-height:40px; overflow:hidden; width:260px;}
.i_news div.t dl.r a{ display:block; font-size:16px; color:#333333; width:118px; border:1px solid #f4f7fd; border-radius:38px; line-height:38px; text-align:center; float:left; margin-left:10px;}
.i_news div.t dl.r a:hover,.i_news div.t dl.r a.on{border:1px solid #1d66af; color:#1d66af;}

.i_news div.f{ overflow:hidden;}
.i_news div.f div.c{ min-height:400px; overflow: hidden; display:none;}

.i_news div.f div.c div.l{ float:left; width:49.4%; max-width:730px;}
.i_news div.f div.c div.l div.t{ margin-bottom:20px; position:relative; z-index:1; position: relative;}
.i_news div.f div.c div.l div.t img{ margin-bottom:-4px;}
.i_news div.f div.c div.l div.t a div.bg{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; padding:24px 4%; color:#ffffff;}
.i_news div.f div.c div.l div.t a div.bg span{ font-size:18px; font-weight:bold;}
.i_news div.f div.c div.l div.t a div.bg div{ position:absolute; bottom:24px; width:92%;}
.i_news div.f div.c div.l div.t a div.bg div dd{ font-size:18px; font-weight:bold; margin-bottom:14px;overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.i_news div.f div.c div.l div.t a div.bg div dl{ font-size:16px; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}

.i_news div.f div.c div.l ul.f{ margin-top:-140px;}
.i_news div.f div.c div.l ul.f,.i_news div.f div.c div.l ul.f li{ overflow:hidden;}
.i_news div.f div.c div.l ul.f li{ background-color:#ffffff; margin-bottom:20px; height:120px; position:relative;}
.i_news div.f div.c div.l ul.f li a div.bg{ border:1px solid #f2f2f2; position:absolute; top:0px; left:0px; right:0px; bottom:0px;}
.i_news div.f div.c div.l ul.f li a div.bg dl{ height:80px; margin:20px 0px;}
.i_news div.f div.c div.l ul.f li a div.bg dl.l{ float:left; width:15.5%;border-right:1px solid #eeeeee; text-align:center;}
.i_news div.f div.c div.l ul.f li a div.bg dl.l ol{ overflow:hidden;}
.i_news div.f div.c div.l ul.f li a div.bg dl.l ol.t{ font-size:48px; font-weight:bold; color:#1d66af;}
.i_news div.f div.c div.l ul.f li a div.bg dl.l ol.f{ font-size:14px; color:#333333;}
.i_news div.f div.c div.l ul.f li a div.bg dl.r{ float:right; width:80%;}
.i_news div.f div.c div.l ul.f li a div.bg dl.r dd,.i_news div.f div.c div.l ul.f li a div.bg dl.r dl{ overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; width:90%; height:40px; line-height:40px;}
.i_news div.f div.c div.l ul.f li a div.bg dl.r dd{ font-size:18px; font-weight:bold; color:#333333;}
.i_news div.f div.c div.l ul.f li a:hover div.bg dl.r dd{ color:#1d66af;}
.i_news div.f div.c div.l ul.f li a div.bg dl.r dl{ margin:0px; font-size:16px; color:#999999;}

.i_news div.f div.c ul,.i_news div.f div.c ul li{ overflow: hidden;}
.i_news div.f div.c ul.r{ float:right; width:49.4%; max-width:730px;}
.i_news div.f div.c ul.r li{ background-color:#ffffff; margin-bottom:20px; height:120px; position:relative;}
.i_news div.f div.c ul.r li a div.bg{ border:1px solid #f2f2f2; position:absolute; top:0px; left:0px; right:0px; bottom:0px;}
.i_news div.f div.c ul.r li a div.bg dl{ height:80px; margin:20px 0px;}
.i_news div.f div.c ul.r li a div.bg dl.l{ float:left; width:15.5%;border-right:1px solid #eeeeee; text-align:center;}
.i_news div.f div.c ul.r li a div.bg dl.l ol{ overflow:hidden;}
.i_news div.f div.c ul.r li a div.bg dl.l ol.t{ font-size:48px; font-weight:bold; color:#1d66af;}
.i_news div.f div.c ul.r li a div.bg dl.l ol.f{ font-size:14px; color:#333333;}
.i_news div.f div.c ul.r li a div.bg dl.r{ float:right; width:80%;}
.i_news div.f div.c ul.r li a div.bg dl.r dd,.i_news div.f div.c ul.r li a div.bg dl.r dl{ overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; width:90%; height:40px; line-height:40px;}
.i_news div.f div.c ul.r li a div.bg dl.r dd{ font-size:18px; font-weight:bold; color:#333333;}
.i_news div.f div.c ul.r li a:hover div.bg dl.r dd{ color:#1d66af;}
.i_news div.f div.c ul.r li a div.bg dl.r dl{ margin:0px; font-size:16px; color:#999999;}

/*foot_bg*/
.foot_bg{ width:100%; background-color:#1c1f2c; padding-top:30px;}

.foot_bg div.t{ border-bottom:1px solid #2c292c; padding-bottom:20px;}
.foot_bg div.t .nav{ float:right; position:relative; width:205px; color:#929292; z-index:10;}
.foot_bg div.t .nav dd{ border:1px solid #454245; border-radius:4px; height:36px; position:absolute; left:0px; right:0px; line-height:36px; padding-left:42px; background:url(../images/lj.png) no-repeat scroll 15px center;cursor: pointer;}
.foot_bg div.t .nav dd i{ position: absolute; right:8px; top:50%; margin-top:-6px;}
.foot_bg div.t .nav ul{ overflow: hidden; border-radius:8px;border:1px solid #454245; padding:10px 5%; bottom:0px; left:0px; right:0px; line-height:32px; position:absolute; background-color:#454245; display:none;}
.foot_bg div.t .nav:hover ul{ display:block;}
.foot_bg div.t .nav ul li{ width:100%;}
.foot_bg div.t .nav ul li a{ display:block; color:#929292;}
.foot_bg div.t .nav ul li a:hover{ color:#ce413f;}

.foot_bg div.c{ overflow:hidden;padding:30px 0px 40px;}
.foot_bg div.c ul.fl{ width:80%; overflow:hidden;}
.foot_bg div.c ul.fl li{overflow:hidden; float:left; padding-right:5%; min-width:10%;}
.foot_bg div.c ul.fl li dd{ font-size:16px; margin-bottom:25px;}
.foot_bg div.c ul.fl li dd a{ color:#ffffff; display:block;}
.foot_bg div.c ul.fl li dl{ font-size:14px; margin-bottom:10px;}
.foot_bg div.c ul.fl li dl a{ display:block; color:#ffffff;}
.foot_bg div.c ul.fl li dl a:hover{ text-decoration:underline;}
.foot_bg div.c ul.fr{ width:20%; overflow:hidden;}
.foot_bg div.c ul.fr li{overflow:hidden; text-align:right;color:#ffffff;}
.foot_bg div.c ul.fr li.t{ font-size:16px;}
.foot_bg div.c ul.fr li.d{ font-size:36px; padding:10px 0px;}
.foot_bg div.c ul.fr li.c{ font-size:13px; line-height:32px;}
.foot_bg div.c ul.fr li.f{ margin-top:20px;}
.foot_bg div.c ul.fr li.f img{ max-height:120px;}

.foot_bg div.f{ border-top:1px solid #2c292c; font-size:13px; color:#ffffff; line-height:90px;height:90px; position:relative;}
.foot_bg div.f span{ margin-right:3%;}
.foot_bg div.f span a{color:#ffffff;}

.foot_bg div.f .f_n{ position:absolute; height:44px; width:175px; right:0px;top:23px;}
.foot_bg div.f .f_n a{ border:1px solid #8e8f96; height:42px; width:42px; border-radius:50%; position:absolute; top:0px; background-position:center; background-repeat: no-repeat;}
.foot_bg div.f .f_n a:hover{ border:1px solid #1d66af;}
.foot_bg div.f .f_n a.n1{ background-image:url(../images/n1.png);}
.foot_bg div.f .f_n a.n2{ background-image:url(../images/n2.png); right:66px;}
.foot_bg div.f .f_n a.n3{ background-image:url(../images/n3.png); right:0px;}
.foot_bg div.f .f_n a.n1:hover{ background-image:url(../images/n11.png);}
.foot_bg div.f .f_n a.n2:hover{ background-image:url(../images/n22.png);}
.foot_bg div.f .f_n a.n3:hover{ background-image:url(../images/n33.png);}

/*page*/
.page_banner{ width:100%; background-repeat:no-repeat; background-position:50%; height:480px;display:flex;align-items:center; background-size:auto 100%;}
.page_banner div.bg{ width:100%; color:#ffffff; text-align:center;}
.page_banner div.bg ol{ font-size:18px;text-transform: uppercase; }
.page_banner div.bg dd{ font-size:36px; font-weight:bold;}

.page_bg{ background-color:#ffffff;}
.page_tit{ position:relative; margin-top:-80px; z-index:1;}
.page_tit div{ height:80px; line-height:80px; width:96%; max-width:1260px; margin:0px auto; font-size:16px; color:#333333;}
.page_tit div i{ color:#c3c5c5; margin:0px 5px;}
.page_tit div a{ color:#333333;}
.page_tit div a:hover{ color:#1d66af;}

.page_con{ margin-top:1px; background-color:#ffffff; margin-bottom:105px;}
.page_con .page_bg{ width:96%; max-width:1260px; margin:40px auto; overflow:hidden; min-height:700px;}
.page_con .page_bg div{ overflow:hidden; color:#333333;}
.page_con .page_bg div.t{ font-size:36px; font-weight:bold; padding-bottom:24px; background:url(../images/xt.png) no-repeat scroll left bottom;}
.page_con .page_bg div.f{ font-size:16px; line-height:30px; margin-top:48px;}

/*fenye*/
.fenye{ overflow:hidden; text-align:center; margin:1rem 0px 2rem; line-height:40px;}
.fenye a,.fenye span{padding:8px 14px;font-size:1rem;color:#999999;border:1px solid #f2f2f2; margin:0px 0.5rem; border-radius:4px;}
.fenye a:hover{background-color:#1d66af;color:#ffffff;border:1px solid #1d66af;}
.fenye span{color:#ffffff; background-color:#1d66af;}

/*企业简介*/
.about{ background:url(../images/i_about.png) no-repeat scroll center 30px #ffffff;}
.about .page_bg{ background:none;}
.about div{ overflow:hidden;}
.about div dl.tit{font-size:36px;font-weight:bold;padding-bottom:24px;background:url(../images/xt.png) no-repeat scroll left bottom;margin-bottom:20px;}
.about div.a_t dl.f{ font-size:16px; color:#333333; line-height:30px;}
.about div.a_t dl.f img{ margin-left:3%; margin-top:-90px;}
.about div.a_c{ margin-top:50px;}
.about div.a_c ul,.about div.a_c ul li{ overflow:hidden;}
.about div.a_c ul{ margin:30px 0px;}
.about div.a_c ul li{ float:left; margin-bottom:40px; width:25%; height:125px;}
.about div.a_c ul li div{ border-bottom:1px solid #f7f7f7; width:95%; color:#333333;}
.about div.a_c ul li div dd{ font-size:16px; height:40px; line-height:40px;}
.about div.a_c ul li div dl{ height:84px; font-size:14px; line-height:84px;}
.about div.a_c ul li div dl strong{ font-size:60px; margin-right:20px;}
.about div.a_c ul li.a8 div dl strong{ font-size:40px; font-weight:400;}
.about div.a_f{ position:relative;}
.about div.a_f img{ margin-bottom:-2px; opacity:0;}
.about div.a_f div.c{display:flex;align-items:center; position:absolute; top:0px; bottom:0px; right:0px; left:0px;background-size:auto 100%; background-position:50%; background-repeat:no-repeat;}
.about div.a_f div.c div{ width:100%; color:#ffffff; text-align:center;}
.about div.a_f div.c div dd{ font-size:36px; font-weight:bold;}
.about div.a_f div.c div dl{ font-size:16px; margin-top:20px;}

/*企业文化*/
.qywh{ margin:50px 0px; height:592px; background-repeat:no-repeat; background-position:50%;display:flex;align-items:center; }
.qywh div{ width:92%; margin:0px 4%; color:#ffffff !important; font-size:24px; line-height:48px; font-weight:bold;}

/*资质荣誉/资质证书*/
.zzry ul.list{ overflow:hidden; padding:80px 0px;width:102%;}
.zzry ul.list li{ float:left; margin-bottom:20px; width:23.325%; height:420px; margin-right:1.6%; position:relative;}
.zzry ul.list li dl{ overflow:hidden; border:1px solid #cccccc; height:360px; position:relative;}
.zzry ul.list li dl img{ position:absolute; top:5px; left:5px; right:0px; bottom:0px; margin:auto; max-height:90%; max-width:95%;}
.zzry ul.list li dd{ font-size:16px; padding:10px 0px; line-height:20px; text-align:center; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.zzry .more{ margin-bottom:80px; text-align:center; font-size:18px; color:#999999;}
.zzry .more a{ display:block; color:#999999;}
.zzry .more a:hover{ color:#ce413f;}

/*发展历程*/
.fzls{ overflow:hidden; margin:30px 0px;}
.fzls li{ overflow:hidden; padding:20px 0px; border-bottom:1px solid #f2f2f2;}
.fzls li dl.l{ float:left; width:15%; font-weight:bold; font-size:24px; color:#444444;}
.fzls li dl.r{ float:right; width:84%; font-size:16px; line-height:32px; color:#999999;}


/*photo*/
.photo{ position:relative;}
.photo i.bg{ position:absolute; top:0px; bottom:0px; width:1px; background-color:#f2f2f2; left:21%;}
.photo div.fl{ width:20%;}
.photo div.fl dd{ font-size:30px; font-weight:bold; color:#333333;background: url(../images/xt.png) no-repeat scroll left bottom; padding-bottom:24px; margin-bottom:20px;}
.photo div.fl ul,.ypt div.fl ul li{ overflow:hidden;}
.photo div.fl ul li{ margin-bottom:20px;}
.photo div.fl ul li ol{ margin-bottom:10px;}
.photo div.fl ul li ol a{ font-size:16px; font-weight:bold;}
.photo div.fl ul li div.bg{ font-size:14px;}
.photo div.fl ul li div.bg dl{ margin-bottom:10px; padding-left:12px; position:relative;}
.photo div.fl ul li div.bg dl i{ position:absolute; left:0px; margin-top:3px;}
.photo div.fl ul li a{ display:block; color:#333333;}
.photo div.fl ul li.on ol a,.photo div.fl ul li a:hover,.photo div.fl ul li div.bg dl.on a{ color:#1d66af;}
.photo div.fr{ width:74.5%; padding-left:4.5%; overflow:hidden;}
.photo div.fr ul,.photo div.fr ul li{ overflow:hidden;}
.photo div.fr ul{ width:102%;}
.photo div.fr ul li{ width:31%; margin-right:2.32%; float:left; margin-bottom:20px; height:320px;}
.photo div.fr ul li a div.bg{ overflow:hidden;}
.photo div.fr ul li a div.bg div{ overflow: hidden;}
.photo div.fr ul li a div.bg div.i{ height:200px;border:1px solid #f2f2f2; position:relative;}
.photo div.fr ul li a div.bg div.i img{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto;}
.photo div.fr ul li a div.bg div.c{ margin-top:10px;}
.photo div.fr ul li a div.bg div.c dd{overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; font-weight:bold; font-size:18px;}
.photo div.fr ul li a:hover div.bg div.c dd{ color:#1d66af;}
.photo div.fr ul li a div.bg div.c dl{ margin:10px 0px;font-size:14px; color:#666666; line-height:20px;}
.photo div.fr ul li a div.bg div.c ol{font-size:14px; color:#333333; background:url(../images/jt.png) no-repeat scroll 75px center;}

/*产品中心*/
.photo div.fr ul.cp li{ height:260px;}
.photo div.fr ul.cp li a div.bg{ border:1px solid #f2f2f2; padding-bottom:20px;}
.photo div.fr ul.cp li a div.bg div.i{ border:0px;}
.photo div.fr ul.cp li a div.bg div.c dd{ text-align:center;}

.photo_show div.c{ border-bottom:1px solid #f2f2f2; padding-bottom:50px; overflow:hidden; position: relative;}
.photo_show div.c .tab{ width:100%; overflow:hidden;}
.photo_show div.c .tab div.i{ display:none; height:500px; width:51%; max-width:630px; margin:0px auto; position:relative;}
.photo_show div.c .tab div.i img{ margin:auto; top:0px; left:0px; bottom:0px; right:0px; position:absolute;}
.photo_show div.c .device{ overflow:hidden; margin:0px auto; max-width:630px; position: relative;}
.photo_show div.c .device .scroll,.photo_show div.c .device .scroll ul,.photo_show div.c .device .scroll ul li{ height:80px;}
.photo_show div.c .device .scroll{ position:relative; width:92%; margin:0px auto; overflow:hidden;}
.photo_show div.c .device .scroll ul{ position:absolute;}
.photo_show div.c .device .scroll ul li{ width:96px; margin-right:10px; float:left;}
.photo_show div.c .device .scroll ul li div.bg{ border:1px solid #f2f2f2; width:94px; height:78px; position:relative;}
.photo_show div.c .device .scroll ul li:hover div.bg,.photo_show div.c .device .scroll ul li.on div.bg{ border:1px solid #1d66af;cursor: pointer;}
.photo_show div.c .device .scroll ul li div.bg img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto;}
.photo_show div.c .device a.qh{ position:absolute; z-index:8; font-size:1.5rem; border:1px solid #f2f2f2; border-radius:10px; top:0px; bottom:0px; color:#686868; line-height:80px; width:18px; text-align:center;}
.photo_show div.c .device a.qh.pre{ left:0px;}
.photo_show div.c .device a.qh.next{ right:0px;}
.photo_show div.c .device a.qh:hover{ background-color:#1d66af; color:#ffffff; border:1px solid #1d66af;}

.photo_show ul.f{ overflow:hidden; margin:15px auto !important;}
.photo_show ul.f li{ overflow:hidden; height:32px;cursor: pointer; margin-bottom:15px; border:1px solid #1d66af;}
.photo_show ul.f li.on{ height:auto;}
.photo_show ul.f li dd{font-size:14px; font-weight:bold; position:relative;line-height:32px; padding:0px 20px; background-color:rgba(29,102,175,0.07); color:#232323;}
.photo_show ul.f li dd i{ position:absolute; right:20px; font-size:24px; top:50%; margin-top:-12px;}
.photo_show ul.f li dd i.fa-angle-up{ display:none;}
.photo_show ul.f li.on dd i.fa-angle-down{ display:none;}
.photo_show ul.f li.on dd i.fa-angle-up{ display:block;}
.photo_show ul.f li dl{ font-size:14px; line-height:32px; color:#333333; border-top:1px solid #1d66af; padding:12px 20px; min-height:100px;}

/*云平台*/
.ypt div{ overflow:hidden;}
.ypt div.fl{ width:20%;}
.ypt div.fl dd{ font-size:30px; font-weight:bold; color:#333333;background: url(../images/xt.png) no-repeat scroll left bottom; padding-bottom:24px; margin-bottom:20px;}
.ypt div.fl ul,.ypt div.fl ul li{ overflow:hidden;}
.ypt div.fl ul li{ margin-bottom:20px;}
.ypt div.fl ul li a{ display:block; font-size:16px; color:#333333;}
.ypt div.fl ul li.on a,.ypt div.fl ul li a:hover{ color:#1d66af;}
.ypt div.fr{ border-left:1px solid #f2f2f2; width:74.5%; padding-left:4.5%; padding-bottom:130px;}
.ypt div.fr div.t{ font-size:30px; color:#333333;}
.ypt div.fr div.i{ margin:30px 0px 40px;}
.ypt div.fr ul.nav,.ypt div.fr ul.navl li{ overflow:hidden;}
.ypt div.fr ul.nav li{ float:left; cursor: pointer;height:48px; line-height:48px; width:20%; background-color:#f2f2f2; font-size:18px; color:#333333; text-align:center;}
.ypt div.fr ul.nav li:hover,.ypt div.fr ul.nav li.on{ background-color:#1d66af; color:#ffffff;}
.ypt div.fr div.tab{ padding:50px 0px;}
.ypt div.fr div.tab div.c{ font-size:16px; color:#333333; line-height:30px; display:none;}

/*新闻动态*/
.news_list,.news_list li{ overflow:hidden;}
.news_list{ margin-top:30px;}
.news_list li{ border-bottom:1px solid #f2f2f2; padding-bottom:15px; margin-bottom:15px;}
.news_list li a .bg{ overflow:hidden;}
.news_list li a .bg img{ float:left; width:25%;}
.news_list li a .bg div{ float:right; width:72%;}
.news_list li a .bg div dd{ font-size:24px; color:#333333; margin-bottom:15px; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.news_list li a:hover .bg div dd{ color:#1d66af;}
.news_list li a .bg div dl{ font-size:16px; color:#999999; line-height:30px;}
ul.news_show,ul.news_show li{ overflow:hidden;}
ul.news_show li.t{ font-size:36px; color:#212121; text-align:center;}
ul.news_show li.n{ font-size:14px; color:#999999; padding:10px 0px; text-align:center;border-bottom:1px solid #f2f2f2;}
ul.news_show li.f{ font-size:16px; color:#333333; line-height:32px; padding:20px 0px;}
.f14{ border-top:1px solid #f2f2f2; overflow:hidden; padding:32px 0px;}
.f14 dl{ line-height:32px; font-size:16px; color:#333333; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.f14 dl a{ color:#333333;}
.f14 dl a:hover{color:#1d66af;}

/*搜索*/
.so{ width:90%; margin:0px auto; max-width:1000px; background-color:#ffffff; height:48px; line-height:48px; border-radius:40px;}
.so .s_txt{ float:left; width:75%; margin-left:24px; border:0px; height:48px; font-size:16px;outline:none;}
.so .s_btn{ float:right; width:15%; max-width:32px; height:48px; line-height:48px;font-size:32px; border:0px; background:none; margin-right:24px;}
.so_list li.no_so{ text-align:center; font-size:16px; line-height:32px;}
.so_list li.no_so b{ margin:0px 5px; color:#ff0000;}
.so_list li a .bg div{ width:100%;}

/*pf*/
.pf{ position:fixed; right:10px; width:97px; height:415px; background:url(../images/pf.jpg) no-repeat; top:50%; margin-top:-207.5px; z-index:88;box-shadow:0px 0px 4px 4px rgba(0,0,0,0.1);background-size:100% auto; display:none;}
.pf.now{ display:block;}
.pf ul{ height:307px; width:100%; margin-top:108px;}
.pf ul li{ width:100%; position:relative;}
.pf ul li.t{ height:64px;}
.pf ul li.t a{ position:absolute; top:0px; right:0px; left:0px; bottom:0px;}
.pf ul li.c{ height:75px;}
.pf ul li.c a{ position:absolute; top:0px; right:0px; left:0px; bottom:0px;}
.pf ul li.c span{ position:absolute; background-color:#ffffff; padding:5px; opacity:0; transition: all .5s ease;top:50%; margin-top:-15.5px; font-size:1rem;}
.pf ul li.c:hover span{ margin-left:-130%; opacity:1;transition: all .5s ease;}
.pf ul li.f{ height:80px; text-align:center; margin-top:10px;}
.pf ul li.f img{ max-height:100%;}

/*动画效果*/
.banner{ z-index:9;}
#i1,#i2,#i3,#i4,#i5,#i6,#i7{position:relative; padding-top:40rem; margin-top:-40rem;}
#i1{ z-index:7;}
#i2{ z-index:6;}
#i3{ z-index:5;}
#i4{ z-index:4;}
#i5{ z-index:3;}
#i6{ z-index:2;}
#i7{ z-index:1;}

#i1 .i_top ul li{ opacity:0; margin-top:5rem;transition:all .5s ease;}
#i1.on .i_top ul li{ opacity:1; margin-top:0px;}
#i1.on .i_top ul li.l1{transition:all .5s ease;}
#i1.on .i_top ul li.l2{transition:all 1s ease;}
#i1.on .i_top ul li.l3{transition:all 1.5s ease;}
#i1.on .i_top ul li.l4{transition:all 2s ease;}

#i2 .i_tjcp .t{ opacity:0;transition:all .5s ease;}
#i2.on .i_tjcp .t{ opacity:1;transition:all .5s ease;}
#i2 .i_tjcp ul{ opacity:0;transition:all .5s ease; margin-left:100%;}
#i2.on .i_tjcp ul{ opacity:1;transition:all .5s ease; margin-left:0px;}

#i3 .t{ opacity:0;transition:all .5s ease;}
#i3.on .t{ opacity:1;transition:all .5s ease;}
#i3 .i_m_cp li{ opacity:0; margin-top:5rem;transition:all .5s ease;}
#i3.on .i_m_cp li{ opacity:1; margin-top:0px;}
#i3.on .i_m_cp li.l1{transition:all .5s ease;}
#i3.on .i_m_cp li.l2{transition:all 1s ease;}
#i3.on .i_m_cp li.l3{transition:all 1.5s ease;}
#i3.on .i_m_cp li.l4{transition:all 2s ease;}
#i3.on .i_m_cp li.l5{transition:all 2.5s ease;}
#i3.on .i_m_cp li.l6{transition:all 3s ease;}
#i3.on .i_m_cp li.l7{transition:all 3.5s ease;}

#i4 .i_ptjs div.t{ opacity:0;transition:all .5s ease; margin-left:50%;}
#i4.on .i_ptjs div.t{ opacity:1;transition:all .5s ease; margin-left:0px;}
#i4 .i_ptjs .device{ opacity:0;transition:all .5s ease; margin-left:50%;}
#i4.on .i_ptjs .device{ opacity:1;transition:all .5s ease; margin-left:0px;}

#i5 .i_gcal div.t{ opacity:0;transition:all .5s ease;}
#i5.on .i_gcal div.t{ opacity:1;transition:all .5s ease;}
#i5 .i_gcal .i_tab{ opacity:0;transition:all .5s ease;}
#i5.on .i_gcal .i_tab{ opacity:1;transition:all .5s ease;}

#i6 .i_news div.t{ opacity:0;transition:all .5s ease;}
#i6.on .i_news div.t{ opacity:1;transition:all .5s ease;}
#i6 .i_news div.f div.c div.l{ opacity:0;transition:all .5s ease; margin-left: 0%;}
#i6.on .i_news div.f div.c div.l{ opacity:1; }
#i6 .i_news div.f div.c ul.r{ opacity:0;transition:all .5s ease; }
#i6.on .i_news div.f div.c ul.r{ opacity:1;transition:all .5s ease; margin-right:0px;}